/<template>
  <div class="home">
    <div>
      <van-sidebar v-model="activeKey" >
        <van-sidebar-item @click="check_children_data" v-for="(item,index) in list" :key="index" :title="item.title" >
        </van-sidebar-item>
      </van-sidebar>
    </div>
    <div> 
      <My_content :children_list="children_list"/>
    </div>
   
  </div>
</template>

<script>
import {mapState,mapMutations} from "vuex"
import My_content from "@/components/My_content.vue";
export default {
  name: "app",
  data() {
    return {
      activeKey: 0,
    };
  },
  components: {
    My_content
  },
  computed: {
    ...mapState(["list","children_list"]),
  },
  methods: {
    ...mapMutations(["check_index"]),
    check_children_data(index) {
      this.check_index(index)
    
    }
  }

}
</script>

<style>
.home{
  display: flex;
}
</style>